html css 3/2(화) FrontEnd/HTML5(2) [alt = "이미지 설명 구문" width = "가로길이(px/%) height = "세로길이(px/%)"] *src 속성과 alt 속성 - 사진의 경로가 잘못되거나 이미지를 제대로 표현할 수 없는 경우 대체 텍스트 용도 *width 속성과 height 속성 (1) input 태그 : 사용자에게 값을 입력 받을 수 있는 텍스트 상자 또는 체크박스/ 라디오 버튼 등등을 만들 수 있음 : fo... html csshtml css [코코아톡 클론] 2.4~2.11 필기 href는 a에서만 사용 가능 h1같은곳에선 불가능 이게 불가능하다는 소리 " target_blank " 이거는 저 링크를 눌렀을때 현재 페이지가 구글페이지로 넘어가는게 아니라 새 창이 뜨면서 거기에 구글 페이지가 나옴 얘는 다른것들이랑 다르게 /로 닫아주는 태그가 없음 이게 아니란말임 . 이유는 lf-closing tage이기때문 (자체 닫기 태그) 이렇게 하면 이미지가 뜸 아니면 " " ... kokoa clonhtml csshtml css 3/5(금)FrontEnd/CSS(2) : 글꼴을 지정할 때 사용 선택자 { font-family : 글꼴명; } (2) 외부 웹 폰트 사용법 : 웹 폰트 제공 사이트 : : 글꼴의 크기를 변경할 때 사용 선택자 { font-size : 크기 { (px | em | %) ;} : 글꼴의 굵기를 변경할 때 사용 선택자 { font-weight: normal(기본값) | bold | bolder | lighter | 100 | 400... html csshtml css 3/3(수)FrontEnd/HTML5(3), CSS(1) : 줄바꿈이 적용되어 이미 존재하는 태그의 다음줄에 영역잡힘 : 줄바꿈이 적용되지 않아 옆으로 영역이 잡힘(연이어서 출력) : 현재 이 문서 내에 다른 웹페이지를 추가할 수 있는 태그 : 현재 이 문서에 적용시키고자 하는 스타일 정보들을 style 태그 내에 기입하는 방식 스타일속성: 값; 스타일속성: 값; : 현재 이 문서내에 해당 같은 태그들 모두 선택할 때 사용 태그명 { 스타일속성 :... html csshtml css 2/26(금) FrontEnd/HTML5(1) <예시> <properties> </properties> <entry> </entry> : 표 : 웹 문서에서 자료를 정리할 때 주로 사용 행과 열로 이루어져있음 행과 열이 만나는 지점을 셀이라고 함 표를 구성하는 태그 : ```... html csshtml css HTML_Basic : Hyper Text Markup Language의 약자 웹페이지를 작성하기 위한 구조를 잡기 위한 언어 즉, 웹 컨텐츠의 의미와 구조를 정의 마크다운 언어는 들어봤어도 마크업? 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어 프로그래밍 언어와는 다르게 단순하게 데이터를 표현하기만 함 html <html lang="en"> : HTML문서의 최상위 요소, 문서의 root : <he... html csshtml css REACT_심화_review_1편 PostList 컴포넌트 생성 -> app.js에서 react-route-dom 설치하고, 라우터 돔 잡아주기 (라우팅, 즉 페이지 이동하는거 잡아주는 작업) -> 페이지를 세분화 시킨다 (헤더, 게시글 파트로 나눔) -> 해당 페이지들을 불러다가 사용할 수 있게 했는데, 그냥 불러다 쓴게 아니라 Post에다가는 PostList에서 데이터를 넘겨주어야 하고, 데이터 없을 때 오류가 난다거나 ... 정규식ReactjsTILredux인증middlewarehtml cssPermit.jshistoryPermit.js [HTML & CSS] DOCTYPE 과 표준, 비표준 모드 / Standard, Quirks mode Document Type의 약자로, HTML 이 어떤 버전으로 작성이 되었는지 선언하여 웹 브라우저가 올바르게 작동하는 역할을 합니다. 만약 문서의 상위에 DOCTYPE 태그를 생략하면 웹 브라우저가 표준 모드(Standards mode)가 아니라 비표준 모드(Quirks mode)로 렌더링됩니다. 비표준 모드(Quirks mode)를 이용하면 비표준 CSS문법을 사용하여 오래된 웹 페이지를... html csshtml css [HTML & CSS] Grid 태그 기초 CSS 그리드의 두 가지 주요 요소는 wrapper(부모 요소)와 items(자식 요소)입니다. wrapper는 감싸주는 그리드, item들은 그리드 내부의 요소들입니다. 위와 같이 부모 div를 grid로 바꾸려면, display 속성을 grid로 설정하면 됩니다. grid-template-row와 grid-template-column를 이용하여 행(Row)과 열(Column)의 너비 높이... html csshtml css [HTML/CSS] 이미지 크기와 위치 조절 방법 3가지 < img > 태그 + object-fit < img > 요소에 top과 left, translate 등의 속성으로 이미지의 위치를 조절할 수 있다. < img > 태그를 < div class='container' > 태그로 감싼다. < div class='container' > 태그 와 < img > 태그에 CSS 속성을 추가한다. < div class='container' > CSS 속성... html cssImgar 프로젝트Imgar 프로젝트
3/2(화) FrontEnd/HTML5(2) [alt = "이미지 설명 구문" width = "가로길이(px/%) height = "세로길이(px/%)"] *src 속성과 alt 속성 - 사진의 경로가 잘못되거나 이미지를 제대로 표현할 수 없는 경우 대체 텍스트 용도 *width 속성과 height 속성 (1) input 태그 : 사용자에게 값을 입력 받을 수 있는 텍스트 상자 또는 체크박스/ 라디오 버튼 등등을 만들 수 있음 : fo... html csshtml css [코코아톡 클론] 2.4~2.11 필기 href는 a에서만 사용 가능 h1같은곳에선 불가능 이게 불가능하다는 소리 " target_blank " 이거는 저 링크를 눌렀을때 현재 페이지가 구글페이지로 넘어가는게 아니라 새 창이 뜨면서 거기에 구글 페이지가 나옴 얘는 다른것들이랑 다르게 /로 닫아주는 태그가 없음 이게 아니란말임 . 이유는 lf-closing tage이기때문 (자체 닫기 태그) 이렇게 하면 이미지가 뜸 아니면 " " ... kokoa clonhtml csshtml css 3/5(금)FrontEnd/CSS(2) : 글꼴을 지정할 때 사용 선택자 { font-family : 글꼴명; } (2) 외부 웹 폰트 사용법 : 웹 폰트 제공 사이트 : : 글꼴의 크기를 변경할 때 사용 선택자 { font-size : 크기 { (px | em | %) ;} : 글꼴의 굵기를 변경할 때 사용 선택자 { font-weight: normal(기본값) | bold | bolder | lighter | 100 | 400... html csshtml css 3/3(수)FrontEnd/HTML5(3), CSS(1) : 줄바꿈이 적용되어 이미 존재하는 태그의 다음줄에 영역잡힘 : 줄바꿈이 적용되지 않아 옆으로 영역이 잡힘(연이어서 출력) : 현재 이 문서 내에 다른 웹페이지를 추가할 수 있는 태그 : 현재 이 문서에 적용시키고자 하는 스타일 정보들을 style 태그 내에 기입하는 방식 스타일속성: 값; 스타일속성: 값; : 현재 이 문서내에 해당 같은 태그들 모두 선택할 때 사용 태그명 { 스타일속성 :... html csshtml css 2/26(금) FrontEnd/HTML5(1) <예시> <properties> </properties> <entry> </entry> : 표 : 웹 문서에서 자료를 정리할 때 주로 사용 행과 열로 이루어져있음 행과 열이 만나는 지점을 셀이라고 함 표를 구성하는 태그 : ```... html csshtml css HTML_Basic : Hyper Text Markup Language의 약자 웹페이지를 작성하기 위한 구조를 잡기 위한 언어 즉, 웹 컨텐츠의 의미와 구조를 정의 마크다운 언어는 들어봤어도 마크업? 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어 프로그래밍 언어와는 다르게 단순하게 데이터를 표현하기만 함 html <html lang="en"> : HTML문서의 최상위 요소, 문서의 root : <he... html csshtml css REACT_심화_review_1편 PostList 컴포넌트 생성 -> app.js에서 react-route-dom 설치하고, 라우터 돔 잡아주기 (라우팅, 즉 페이지 이동하는거 잡아주는 작업) -> 페이지를 세분화 시킨다 (헤더, 게시글 파트로 나눔) -> 해당 페이지들을 불러다가 사용할 수 있게 했는데, 그냥 불러다 쓴게 아니라 Post에다가는 PostList에서 데이터를 넘겨주어야 하고, 데이터 없을 때 오류가 난다거나 ... 정규식ReactjsTILredux인증middlewarehtml cssPermit.jshistoryPermit.js [HTML & CSS] DOCTYPE 과 표준, 비표준 모드 / Standard, Quirks mode Document Type의 약자로, HTML 이 어떤 버전으로 작성이 되었는지 선언하여 웹 브라우저가 올바르게 작동하는 역할을 합니다. 만약 문서의 상위에 DOCTYPE 태그를 생략하면 웹 브라우저가 표준 모드(Standards mode)가 아니라 비표준 모드(Quirks mode)로 렌더링됩니다. 비표준 모드(Quirks mode)를 이용하면 비표준 CSS문법을 사용하여 오래된 웹 페이지를... html csshtml css [HTML & CSS] Grid 태그 기초 CSS 그리드의 두 가지 주요 요소는 wrapper(부모 요소)와 items(자식 요소)입니다. wrapper는 감싸주는 그리드, item들은 그리드 내부의 요소들입니다. 위와 같이 부모 div를 grid로 바꾸려면, display 속성을 grid로 설정하면 됩니다. grid-template-row와 grid-template-column를 이용하여 행(Row)과 열(Column)의 너비 높이... html csshtml css [HTML/CSS] 이미지 크기와 위치 조절 방법 3가지 < img > 태그 + object-fit < img > 요소에 top과 left, translate 등의 속성으로 이미지의 위치를 조절할 수 있다. < img > 태그를 < div class='container' > 태그로 감싼다. < div class='container' > 태그 와 < img > 태그에 CSS 속성을 추가한다. < div class='container' > CSS 속성... html cssImgar 프로젝트Imgar 프로젝트